<!-- ############################# Ajax Page Container ############################# -->
<section id="page" data-title="Noisa - Grid">

	<!-- ############################# Intro ############################# -->
	<section class="intro-title section border-bottom">
		<h1 class="heading-l">Theme <span class="color">Grid</span></h1>
		<span class="overlay grids"></span>
	</section>
	<!-- /intro -->

	<!-- ############################# Content ############################# -->
	<section class="content section">
		<!-- container -->
		<div class="container">

			<!-- full width -->
		    <h3>Full width.</h3>
		    <p>Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus, tempus id pretium eget, feugiat sed enim. Sed nibh augue, molestie in imperdiet vel, dapibus id nunc. Integer iaculis justo in lacus fringilla in hendrerit sem pretium. Praesent viverra arcu in ipsum sollicitudin et pretium sapien cursus. Nullam quis sem purus. In varius massa ut lacus dictum bibendum. Ut blandit tempor eros nec adipiscing. Donec sit amet quam mi. Mauris sapien est, adipiscing id elementum id, laoreet nec diam. Aenean id ultrices dui. Nunc risus nisi, aliquam sed volutpat vitae, sagittis a turpis. Sed tincidunt mollis libero eu euismod. Donec at sem nibh, vel aliquet metus.</p>

		    <hr class="divider">

		    <!-- 1/2 -->
		    <h3>1/2 Columns.</h3>
		    <div class="col-1-2">
		        <p>Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus. Integer iaculis justo in lacus fringilla in hendrerit sem pretium. Praesent viverra arcu in ipsum sollicitudin et pretium sapien cursus.</p>
		    </div>
		    <div class="col-1-2 last">
		        <p>Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus. Integer iaculis justo in lacus fringilla in hendrerit sem pretium. Praesent viverra arcu in ipsum sollicitudin et pretium sapien cursus.</p>
		    </div>

		    <hr class="divider">

		    <!-- 1/3 -->
		    <h3>1/3 Columns.</h3>
		    <div class="col-1-3">
		        <p>Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus.</p>
		    </div>
		    <div class="col-1-3">
		        <p>Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus.</p>
		    </div>
		    <div class="col-1-3 last">
		        <p>Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus.</p>
		    </div>

		    <hr class="divider">

		    <!-- 2/3 -->
		    <h3>2/3 Columns.</h3>
		    <div class="col-2-3">
		        <p>Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus. Integer iaculis justo in lacus fringilla in hendrerit sem pretium. Praesent viverra arcu in ipsum sollicitudin et pretium sapien cursus. Nullam quis sem purus. In varius massa ut lacus dictum bibendum.</p>
		    </div>
		    <div class="col-1-3 last">
		        <p>Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus.</p>
		    </div>

		    <hr class="divider">

		    <!-- 1/4 -->
		    <h3>1/4 Columns.</h3>
		    <div class="col-1-4">
		        <p>Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus.</p>
		    </div>
		    <div class="col-1-4">
		        <p>Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus.</p>
		    </div>
		    <div class="col-1-4">
		        <p>Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus.</p>
		    </div>
		    <div class="col-1-4 last">
		        <p>Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus.</p>
		    </div>

		    <hr class="divider">

		    <!-- 3/4 -->
		    <h3>3/4 Columns.</h3>
		    <div class="col-3-4">
		        <p>Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem, tincidunt in lobortis tempus, pretium ac lorem. Aenean ligula risus. Integer iaculis justo in lacus fringilla in hendrerit sem pretium. Praesent viverra arcu in ipsum sollicitudin et pretium sapien cursus. Nullam quis sem purus. In varius massa ut lacus dictum bibendum. Ut blandit tempor eros nec adipiscing. Donec sit amet quam mi.</p>
		    </div>
		    <div class="col-1-4 last">
		        <p>Phasellus dapibus erat sed dolor adipiscing iaculis. Integer tempus pretium augue, a vulputate lectus sagittis ac. Nulla neque sem.</p>
		    </div>
		 

		</div>
		<!-- /container -->
	</section>
	<!-- /Content -->

</section>
<!-- /page -->